<template>
  <div class="progress-bar">
    <div class="flex-col layout-center">
      <span>{{ message || 'loading...' }}</span>
      <a
        @click.prevent="$emit('cancel')"
        title="Cancel Query Execution (Esc)"
        class="cancel-query btn btn-flat"
      >Cancel</a>
    </div>
  </div>
</template>
<script type="text/javascript">
  export default {
    props: ['message']
  }
</script>
